<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <title>商品列表</title>
</head>
<link rel="stylesheet" href="css/productlist.css">
<link href="lib/bootstrap/css/bootstrap.css" rel="stylesheet">
<script src="lib/html5shiv/html5shiv.min.js"></script>
<script src="lib/respond/respond.js"></script>
<script src="js/template.js"></script>
<script src="lib/jquery/jquery.js"></script>
<script src="js/productlist.js"></script>
<!--模板-->


<script type='text/html' id='template'>
    {{if result}}
    {{each result as value}}
    <li class="clearfix" productid="{{value.productId}}">
        <!--<a href="getproduct.html?productId={{value.productId}}">-->
        <div class="left">
            {{#value.productImg}}
        </div>
        <div class="right">
            <a href="#" productId = {{value.productId}}><span class="info">{{value.productName}}</span><span class="price">
							{{value.productPrice}}
						</span></a>
            <div class="source">
							<span class="provice">
								{{value.productQuote}}
							</span>
							<span class="com">
								{{value.productCom}}
							</span>
            </div>
        </div>
        <!--</a>-->
    </li>
    {{/each}}
    {{/if}}
</script>
<!--<script type='text/html' id='templat'>-->
    <!--{{each result as value}}-->
    <!--<div class="dianshi">-->
        <!--<div class="media-left">-->
            <!--<a href="#">-->
                <!--<img class="media-object" src="images/ic_cu.png" alt="...">-->
            <!--</a>-->
        <!--</div>-->
        <!--<div class="media-body">-->
            <!--<h3 class="media-heading"> {{value.productName}}</h3>-->
            <!--<h4 color="orange">10.9元</h4>-->
            <!--<h4><a href="">京东商城</a></h4>-->
        <!--</div>-->
    <!--</div>-->
    <!--{{/each}}-->
<!--</script>-->
<body>
<!--顶部-->
<div class="conttop">
    <img src="images/header_logo.png" alt="">
    <img src="images/header_app.png" alt="">
</div>
<!--搜索栏-->
<div class="suo">
    <input type="text">
    <input type="button" value="搜索">
</div>

<!--catepory分类头-->
<div class="title clearfix">
    <div class="category fl">
        <a href="index.html">首页></a>
        <a href="category.html">全部分类></a>
        <a href="#" id="category_name"></a>
    </div>
    <div class="fr">筛选</div>
</div>
<!--商品-->
<div class="main">
    <div class="product">
        <ul class="dianshi">
        </ul>
        <div class="page clearfix">
            <button id="shang">上一页</button>
            <select  id="select">
            </select>
            <button id="xia">下一页</button>
        </div>
    </div>
</div>


<!--底部-->
<ul class="na clearfix" role="tablist">
    <li><a href="#">登陆</span></a></li>
    <li><a href="#">注册</a></li>
    <li><a href="#">返回顶部 </a></li>
</ul>

<div class="gong">手机APP下载<a href=""> 慢慢买手机版 --掌上比价平台</a>
    <p>m.m.maimai.com</p>
</div>
</body>
</html>